하이라이트 테이블

하이라이트 테이블이란?

일반 테이블에 색상 강조(Color Encoding) 를 추가하여
값을 시각적으로 빠르게 비교할 수 있게 만든 차트입니다.

어떤 상황에서 유용할까?

• 단순 표보다 값의 차이를 빠르게 보고 싶을 때
• 수치형 값 중 가장 크거나 작은 항목을 찾고 싶을 때
• 두 개 이상의 차원(Dimension) 에 걸친 데이터 비교가 필요할 때

예: "연도별 지역별 매출", "제품 카테고리 vs 세그먼트별 수익"

하이라이트 테이블 vs 일반 테이블

특히 범위가 넓은 수치를 비교할 때 효과적입니다.

색상은 정보다

• 진한 색 = 높은 값
• 연한 색 = 낮은 값
• 특정 범위에 색상 단계 매핑 (연속형 색상 스케일)

실습: 지역별 제품 대분류 매출 비교

• 데이터셋: SuperstoreKR수정본
• 목표: 지역과 제품 대분류에 따른 매출(매출)을 하이라이트 테이블로 시각화하여 비교

1단계: 필드 배치

1. 지역 → 열 선반
   • 가로축: 매출을 비교할 지역 구분
2. 제품 대분류 → 행 선반
   • 세로축: 제품 카테고리별 비교
3. 매출 → 텍스트 + 색상

이때 자동으로 표(텍스트 테이블) 가 생성됨

2단계: 색상 강조 적용

• 매출 → 마크 카드의 색상에 드래그
• Tableau가 색상 스케일을 자동 적용
  → 높은 매출일수록 진한 색, 낮을수록 연한 색

색상 단계(Gradient)는 연속형 값에 비례하게 적용됨

3단계: 색상 범위 조정 (선택 사항)

1. 마크 카드 색상 클릭 → 색상 편집...
2. 다음을 조정 가능:

실습 질문 예시

하이라이트 테이블 요약

• 텍스트만으로는 알 수 없던 값의 크기 차이를
  색상으로 한눈에 파악 가능
• 두 개 이상의 범주(차원)를 비교할 때 매우 효과적
• 단순 표를 시각화된 정보표로 바꾸는 기본 전략

확장 : 하이라이트 테이블 + 막대그래프 중첩하기

단순히 색상만이 아닌, 막대 길이까지 함께 표현해서 수치를 더 직관적으로 이해할 수 있도록 만들어봅니다.

실습

1. 마크 카드의 드롭다운에서 → 자동 → "막대(Bar)" 선택
   → 텍스트 대신 막대가 보이게 됨
2. 매출 → 다시 마크 카드의 크기 로 드래그
   → 수치도 함께 보이게 설정

막대 + 텍스트 + 색상이 동시에 표시됨!

실습: 시각적 조정

• 막대 색상: 마크 카드 > 색상 → 편집
• 텍스트 정렬: 레이블 옵션에서 가운데 정렬
• 색상 단계: 값 크기에 따라 자동 적용

→ 색상은 전체 값에서 상대적 위치를, → 막대는 절대적 차이를 보여줍니다.

정리: 왜 이 방식이 효과적인가?

• 텍스트: 실제 값 확인
• 막대: 상대적 차이 인식
• 색상: 가장 강한 것에 시선이 가도록 유도

번외: 버블 테이블로 바꿔보기

하이라이트 테이블의 색상 대신, "원(Circle)"의 크기로
값의 차이를 표현하는 방식입니다.

실습: 마크 유형 바꾸기

1. 마크 카드의 유형 → 자동 → "원(Circle)" 선택
2. 매출 → 크기(Size), 색상(Color), 레이블(Label) 에 각각 드래그

어떤 변화가 생기나요?

• 원 크기: 매출이 클수록 크고, 작을수록 작음
• 색상: 강조 효과 유지 가능
• 텍스트: 실제 수치도 같이 표시

숫자 + 크기 + 색상이 함께 표현되므로
눈에 띄는 패턴을 쉽게 찾을 수 있어요!

언제 쓰면 좋을까?

• 공간이 넓지 않아도 시각적 임팩트 주고 싶을 때
• 표보다 좀 더 동적이고 시각적인 표현이 필요할 때
• 대시보드 안에서 강조 효과로 활용